<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Profiles Editor</title>
	<link href="./css/styles.css" rel="stylesheet" type="text/css" />
</h:head>
<h:body>
	<div align="center">
		<div style="height: 100px;"></div>

		<div align="center" style="width: 700px;">
			<h:form>
				<fieldset>
					<legend>Profiles Editor</legend>
					<br />
					<table>
						<tr>
							<td>First Name:</td>
							<td><h:inputText type="text"
									value="#{profileEditBean.firstName}" size="20" /></td>
						</tr>
						<tr>
							<td>Last Name:</td>
							<td><h:inputText type="text"
									value="#{profileEditBean.lastName}" size="20" /></td>
						</tr>
						<tr>
							<td>Email Address:</td>
							<td><h:inputText type="text"
									value="#{profileEditBean.emailAddress}" size="40" /> <span
								style="color: red;">*</span></td>
						</tr>
						<tr>
							<td>Password:</td>
							<td><h:inputSecret type="text"
									value="#{profileEditBean.password}" size="30" /> <span
								style="color: red;">*</span></td>
						</tr>
						<tr>
							<td>New Password:</td>
							<td><h:inputSecret type="text"
									value="#{profileEditBean.newPassword}" size="30" /></td>
						</tr>
						<tr>
							<td>Conf. New Password:</td>
							<td><h:inputSecret type="text"
									value="#{profileEditBean.newPasswordConfirm}" size="30" /></td>
						</tr>
						<tr>
							<td>Country:</td>
							<td><h:selectOneListBox value="#{profileEditBean.country}">
									<f:selectItem itemValue="french" itemLabel="French" />
									<f:selectItem itemValue="vietnam" itemLabel="Viet Nam" />
									<f:selectItem itemValue="thai" itemLabel="Thai" />
									<f:selectItem itemValue="indian" itemLabel="Indian" />
								</h:selectOneListBox></td>
							<td>City:</td>
							<td><h:selectOneListbox value="#{profileEditBean.city}">
									<f:selectItem itemValue="french" itemLabel="French" />
								</h:selectOneListbox></td>
						</tr>
						<tr>
							<td>Birthday:</td>
							<td><h:inputText type="text" value="#{profileEditBean.birthDate}" size="30" /></td>
						</tr>
						<tr>
							<td>Cellphone:</td>
							<td><h:inputText type="text" value="#{profileEditBean.cellPhone}" size="30" /></td>
						</tr>
						<tr align="center">
							<td colspan="2"><br /> 
							<br /> <h:commandButton value="Accept Changes" /> 
							<h:commandButton value="Cancel" /><br /></td>
						</tr>
					</table>
				</fieldset>
			</h:form>

		</div>
	</div>
</h:body>
</html>